﻿<h3 class="important-tittle">Inverted Series</h3>

<p>
    Inverting series in LiveCharts is practically automatic, you must use the inverted version of the series,
    then live charts will handle the inverted draw, notice the <a href="/App/examples/v1/wpf/Types%20and%20Configuration">configuration</a> 
    for Vertical and Horizontal series is different, and you must consider this if plotting a custom type.
</p>

<p>
    Practically all series have a built in inverted version, for example the <i>LineSeries</i> class
    inverted version is <i>VerticalLineSeries</i> class, in
    <a href="/App/examples/v1/wpf/The Cartesian Chart">The Cartesian chart article</a> you could find a full list with
    the supported series.
</p>

<div class="text-center">
    <img src="/App/Examples/v1/Inverted Series/Images/inverted.jpg"/>
</div>

<div class="doc-alert">
    To keep this example always up to date it is directly pulled from the Github repository, the
    repo for simplicity uses the <i>UserControl</i> class to wrap every example, but you can use any
    container for your plots.
</div>

<h4>Code Behind</h4>

<pre class="prettyprint" url="https://raw.githubusercontent.com/beto-rodriguez/Live-Charts/master/Examples/Wpf/CartesianChart/Inverted%20Series/Inverted%20Example.xaml.cs"></pre>

<h4>XAML</h4>

<pre class="prettyprint" url="https://raw.githubusercontent.com/beto-rodriguez/Live-Charts/master/Examples/Wpf/CartesianChart/Inverted%20Series/Inverted%20Example.xaml"></pre>
